/**
 * 作者 andli 时间 20151022
 * 图片轮播 控件的使用
 * @param {Object} element  		添加元素选择器
 * @param {Object} galleryData 	json数据
 * @param {Object} isLoop 		是否循环切换
 * @param {Object} isauto 		是否自动播放
 * @param {Object} callback		点击回调函数
 */
function addGallery(element, galleryData, isLoop, isauto, callback) {
	var length = galleryData.length;
	var html = '';
	html += '<div class="mui-slider">';
	//动态添加 图片
	if (isLoop) {
		//增加 mui-slider-loop
		html += '<div class="mui-slider-group mui-slider-loop" id="mygallery">';
	} else {
		html += '<div class="mui-slider-group" id="mygallery">';
	} if (isLoop) {
		html += '<div class="mui-slider-item" id="' + (length - 1) + '">'
		html += '<a href="">';
		html += '<img src="' + galleryData[length - 1].url + '">';
		html += '<p class="mui-slider-title">' + galleryData[length - 1].title + '</p>';
		html += '</a>';
		html += '</div>';
	}
	for (var i = 0; i < length; i++) {
		html += '<div class="mui-slider-item" id="' + i + '">'
		html += '<a href="#">';
		html += '<img src="' + galleryData[i].url + '">';
		html += '<p class="mui-slider-title">' + galleryData[i].title + '</p>';
		html += '</a>';
		html += '</div>';
	}
	if (isLoop) {
		html += '<div class="mui-slider-item" id="0">'
		html += '<a href="#">';
		html += '<img src="' + galleryData[0].url + '">';
		html += '<p class="mui-slider-title">' + galleryData[0].title + '</p>';
		html += '</a>';
		html += '</div>';
	}
	html += '</div>';
	//动态添加 indicator
	html += '<div class="mui-slider-indicator">';
	for (var i = 0; i < length; i++) {
		if (i == 0) {
			html += '<div class="mui-indicator mui-active"></div> '; //默认从0开始
		} else {
			html += '<div class = "mui-indicator"></div>';
		}
	}
	html += '</div>';
	html += '</div>';
	console.log(html);
	//添加图片轮播控件html
	Zepto(element).append(html);
	//图片轮播初始化（不可缺少，否则无法正常显示）
	var gallery = mui('.mui-slider');
	//轮询时间
	var autotime = 0;
	if (isauto) {
		autotime = 2000;
	}
	gallery.slider({
		interval: autotime //轮播周期，默认为0：不轮播
	});
	//事件绑定:通过id来实现事件绑定
	mui(".mui-slider").on('tap', '.mui-slider-item', function() {
		var id = this.getAttribute("id");
		if (callback && typeof callback === "function") {
			callback(id);
		}
	});
}